<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>上传实例</title>
  <link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
  <link rel="stylesheet" href="/lib/jq-module/zyupload/zyupload-1.0.0.min.css" media="all">
  <link rel="stylesheet" href="/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
  <div class="layuimini-main">
    <div id="zyupload" class="zyupload"></div>
  </div>
</div>
<script src="/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="/lib/jq-module/zyupload/zyupload-1.0.0.min.js" charset="utf-8"></script>
<script type="text/javascript">
  $(function () {
    // 初始化插件
    $("#zyupload").zyUpload({
      width: "650px",                 // 宽度
      height: "400px",                 // 宽度
      url: "/goods/import.do",  // 上传文件的路径
      fileType: ["xlsx","xls"],// 上传文件的类型
      fileSize: 51200000,                // 上传文件的大小
      multiple: false,                    // 是否可以多个文件上传
      dragDrop: true,                    // 是否可以拖动上传文件
      tailor: false,                    // 是否可以裁剪图片
      del: true,                    // 是否可以删除文件
      finishDel: false,  				  // 是否在上传文件完成后删除预览
      onSuccess: function (file, response) {          // 文件上传成功的回调方法
        parent.layui.table.reload('currentTableId');
        var iframeIndex = parent.layer.getFrameIndex(window.name);
        parent.layer.close(iframeIndex);
      }
    });
  });
</script>

</body>
</html>